﻿.videoList section[role=main] {
    width: 100%;
    height: 100%;
}

.listPage-wrap {
    margin:20px 0 20px 0;
    position:relative;
}
.listPage-wrap .win-listview {
    width: 100%;
    height:545px;
}
.listPage-wrap .win-horizontal.win-viewport .win-surface{
        margin-left: 120px;
        margin-right: 120px;
        height:600px;
}
.category-area {
        margin-top:20px;
        margin-left: 120px;
        margin-right: 120px;
}
    .category-area select {
        background-color: rgba(255, 255, 255,0.2);
        color:#fff;
        font-size:14pt;
        width:auto;
    }
        .category-area select:focus {
           
    
        }
    .category-area select:hover, input:hover::-ms-check  {
        color:#fff;
    }
    .category-area option {
        background-color: rgba(255, 255, 255, 1);
        color: rgb(0, 0, 0);
    }
   .category-area select:focus::-ms-value {
    color: rgb(255, 255, 255);
    background: transparent;
}
   .category-area option:hover {
    color: rgb(0, 0, 0);
    background-color: rgb(197, 197, 197);
}
   .category-area select:focus option:hover {
    color: rgb(0, 0, 0);
    background-color: rgb(222, 222, 222);
}
   .category-area option:checked:hover, select:focus option:checked:hover {
    color: rgb(255, 255, 255);
    background-color: rgb(95, 55, 190);
}
   .category-area option:hover:active, select:focus option:hover:active{
    color: rgb(0, 0, 0);
    background-color: rgb(211, 211, 211);
}
.select::-ms-expand {
    color:#ffffff;
    background:#fff;
}
@media screen and (-ms-view-state: snapped) {
    .listPage-wrap .win-horizontal.win-viewport .win-surface {
        margin-left: 20px;
        margin-right: 20px;
    }
    .category-area {
        margin-left: 30px;
    }
}

@media screen and (-ms-view-state: fullscreen-portrait) {
    .listPage-wrap .win-horizontal.win-viewport .win-surface {
        margin-left: 30px;
        margin-right: 30px;
    }
    .listPage-wrap .win-listview {
        height:850px;
    }
    .category-area {
        margin-left: 30px;
    }
}